<script setup lang="ts" name="footer">
  import {ref} from "vue";

  const fullYear = ref(new Date().getFullYear())
</script>

<template>
  <div class="layout-footer-containner">
      Copyright
      <svg-icon name="copyright" size="16px" color="rgba(0, 0, 0, 0.45)" />
      {{fullYear}}尚硅谷教学
  </div>
</template>

<style scoped lang="scss">
.layout-footer-containner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: $base-app-footer-height;
  padding: 0 20px;
  color: rgb(0 0 0 / 45%);
  background-color: var(--el-color-white);
  border-top: 1px dashed #dcdfe6;
}
</style>